<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:pe="http://primefaces.org/ui/extensions">

    <ui:composition template="/view/templates/layout.xhtml">
        <ui:define name="title">Historia Familiar</ui:define>
        <ui:define name="menu">
            <ui:include src="/view/templates/med-menu.xhtml"/>
        </ui:define>
        <ui:define name="toolbar">
            <h:form id="formHistoriaButtons" prependId="true">
                <p:toolbar>  
                    <p:toolbarGroup align="left">
                        <p:outputLabel value="#{msg.tlb_histo_clin}" style="margin-top: 5px; margin-left: 5px; "/>
                        <p:separator/>
                    </p:toolbarGroup>
                    <p:toolbarGroup align="right">
                        <p:commandButton id="btnNuevo" styleClass="ui-button-custome" value="#{msg.grn_botonNuevo}"  
                                         icon="ui-icon-plus"
                                         update=":formHistoriaAlta :formHistoriaConsulta :growl" 
                                         actionListener="#{HistoriaFamiliarController.executeChangeToCreate}"/>
                        <p:commandButton id="btnConsultar" styleClass="ui-button-custome" value="#{msg.grn_botonConsultar}" 
                                         icon="ui-icon-folder-open"
                                         update=":formHistoriaAlta  :formHistoriaConsulta :growl" 
                                         actionListener="#{HistoriaFamiliarController.executeConsultaHistoriaFamiliar}"/>
                    </p:toolbarGroup>
                </p:toolbar>
                <br/>
            </h:form>
        </ui:define>
        <ui:define name="body">
            <p:growl id="growl" globalOnly="true" showSummary="true" showDetail="true" autoUpdate="true" />
            <h:form id="formHistoriaConsulta" prependId="false">
                <p:contextMenu for="dTableRetrieveHistoria">
                    <p:menuitem value="#{msg.grn_botonEliminar}" icon="ui-icon-trash"
                                onclick="PF('widgetDeleteHistoria').show()"/>
                </p:contextMenu>
                <div id="dataTableStyle">
                    <p:dataTable id="dTableRetrieveHistoria" value="#{HistoriaFamiliarController.historiaFamiliarLazyModel}" var="varRetrieveHistoria"
                                 rendered="#{HistoriaFamiliarController.renderPanelConsulta}"
                                 emptyMessage="No historia"
                                 selectionMode="single"
                                 rowKey="#{varRetrieveHistoria.idHistoriaFamiliar}"   
                                 selection="#{HistoriaFamiliarController.historiaSelect}" 
                                 paginator="true" 
                                 rows="10"
                                 paginatorPosition="bottom"
                                 paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"  
                                 rowsPerPageTemplate="5,10,15" 
                                 lazy="true">
                        <p:column headerText="#{msg.mng_his_fam_Parentesco}" sortBy="parentesco.tipoParentesco" filterBy="#{varRetrieveHistoria.parentesco.tipoParentesco}">
                            <h:outputText value="#{varRetrieveHistoria.parentesco.tipoParentesco}" />
                        </p:column>
                        <p:column headerText="#{msg.mng_his_fam_Enfermedad}" sortBy="enfermedad.enfermedad" filterBy="#{varRetrieveHistoria.enfermedad.enfermedad}">
                            <h:outputText value="#{varRetrieveHistoria.enfermedad.enfermedad}" />
                        </p:column>
                    </p:dataTable>
                </div>
            </h:form>
            <h:form id="formHistoriaAlta" prependId="false">
                <h:panelGroup rendered="#{HistoriaFamiliarController.renderPanelAlta}"> 
                    <div class="row">
                        <div class="col-md-offset-2 col-md-8">
                            <div class="panel panel-primary">
                                <div class="panel-heading">Ficha paciente</div>
                                <div class="panel-body">
                                    <div class="container" style="margin-top: 10px !important">  
                                        <p:panelGrid>
                                            <p:row>
                                                <p:column><p:outputLabel value="#{msg.grn_datos_Nombre}"/></p:column>
                                                <p:column><p:outputLabel value="#{msg.obj_personaApPaterno}"/></p:column>
                                                <p:column><p:outputLabel value="#{msg.obj_personaApMaterno}"/></p:column>
                                                <p:column><p:outputLabel value="#{msg.obj_pacienteNoSeguroSocial}"/></p:column>

                                            </p:row>
                                            <p:row>
                                                <p:column><h:outputText value="#{idPacienteParam.nombre}"/></p:column>
                                                <p:column><h:outputText value="#{idPacienteParam.apPaterno}"/></p:column>
                                                <p:column><h:outputText value="#{idPacienteParam.apMaterno}"/></p:column>
                                                <p:column><h:outputText value="#{idPacienteParam.noSeguroSocial}"/></p:column>
                                            </p:row>
                                        </p:panelGrid>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-offset-2 col-md-8">
                            <div class="panel panel-primary">
                                <div class="panel-heading">#{msg.mng_paciente_AddPaciente}</div>
                                <div class="panel-body">
                                    <center>
                                        <p:panelGrid>
                                            <p:row>
                                                <p:column>
                                                    <p:outputLabel value="#{msg.obj_parentescoTipoParentesco}:"/>      
                                                </p:column>
                                                <p:column>
                                                    <p:outputLabel value="#{msg.obj_parentescoEnfermedad}:"/>    
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column> 
                                                    <p:selectOneMenu value="#{HistoriaFamiliarController.parentescoSelect}"
                                                                     style="width: 250px !important">
                                                        <f:selectItem itemLabel="#{msg.grn_selectOption}" itemValue="" />  
                                                        <f:selectItems value="#{HistoriaFamiliarController.tiposParentescoCat}" var="parentescoCat"
                                                                       itemLabel="#{parentescoCat.tipoParentesco}" 
                                                                       itemValue="#{parentescoCat.idParentesco},#{parentescoCat.tipoParentesco}" />  
                                                    </p:selectOneMenu>
                                                </p:column>
                                                <p:column>
                                                    <p:selectOneMenu value="#{HistoriaFamiliarController.enfermedadesSelect}"
                                                                     style="width: 250px !important">
                                                        <f:selectItem itemLabel="#{msg.grn_selectOption}" itemValue="" />  
                                                        <f:selectItems value="#{HistoriaFamiliarController.tiposEnfermedadCat}" var="enfermedadCat"
                                                                       itemLabel="#{enfermedadCat.enfermedad}" 
                                                                       itemValue="#{enfermedadCat.idEnfermedad},#{enfermedadCat.enfermedad}" />  
                                                    </p:selectOneMenu> 
                                                </p:column>
                                            </p:row>
                                        </p:panelGrid>
                                    </center>
                                </div>
                                <div class="panel-footer">
                                    <center>
                                        <p:commandButton id="btnAgregar" styleClass="ui-button-custome" value="#{msg.grn_botonAgregar}"
                                                         update=":formHistoriaAlta"
                                                         actionListener="#{HistoriaFamiliarController.executeAgergarCombinacion}" />
                                    </center>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-offset-2 col-md-8">
                            <div class="panel panel-primary">
                                <div class="panel-heading">Catálogo historia familiar</div>
                                <div class="panel-body">
                                    <div id="dataTableStyle">
                                        <p:dataTable id="dTableHistoria" value="#{HistoriaFamiliarController.historiaFamiliarCreate}" var="historiaCreate">
                                            <p:column headerText="#{msg.mng_his_fam_Parentesco}">
                                                <p:outputLabel value="#{historiaCreate.parentesco.tipoParentesco}"/>
                                            </p:column>
                                            <p:column headerText="#{msg.mng_his_fam_Enfermedad}">
                                                <p:outputLabel value="#{historiaCreate.enfermedad.enfermedad}"/>
                                            </p:column>
                                        </p:dataTable>
                                    </div>
                                </div>
                                <div class="panel-footer">
                                    <center>
                                        <p:commandButton id="btnCrear" styleClass="ui-button-custome" value="#{msg.grn_botonAceptar}"
                                                         update=":formHistoriaAlta"
                                                         actionListener="#{HistoriaFamiliarController.executeCrearHistoriaFamiliar}" />
                                        <p:commandButton id="btnLimpiar" styleClass="ui-button-custome" value="#{msg.grn_botonLimpiar}"
                                                         actionListener="#{HistoriaFamiliarController.executeLimpiarObjects}" update=":formHistoriaAlta">
                                        </p:commandButton>
                                    </center>
                                </div>
                            </div>
                        </div>
                    </div>
                </h:panelGroup>  
            </h:form>

            <h:form id="formHistoriaEliminar" prependId="true">                
                <p:confirmDialog id="cDiDeleteHistoria" widgetVar="widgetDeleteHistoria" header="#{msg.grn_botonEliminar}" 
                                 closable="true" hideEffect="explode">
                    <f:facet name="message">
                        <h:outputText value="#{msg.grn_eliminarRegistro}" />
                    </f:facet>
                    <p:commandButton value="#{msg.grn_botonSi}" actionListener="#{HistoriaFamiliarController.executeEliminarHistoriaFamiliar}" 
                                     update=":formHistoriaConsulta"
                                     onclick="PF('widgetDeleteHistoria').hide()"
                                     styleClass="ui-button-custome" icon="ui-icon-check"/>  
                    <p:commandButton value="#{msg.grn_botonNo}" type="button" onclick="PF('widgetDeleteHistoria').hide()"
                                     styleClass="ui-button-custome" icon="ui-icon-close"/> 
                </p:confirmDialog>
            </h:form>
        </ui:define>
    </ui:composition>
</html>

